<!-- 按次消费限制策略 -->
<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '按次消费规则的列表',
          contents: [
            '按次消费规则可以根据卡类型，餐别，消费次数进行制订消费规则。'
          ],
          urls: [
            '/static/imgs/setting/squence_1.png'
          ]
        }, {
          title: '新建规则',
          contents: [
            '点击“新建规则”出现编辑消费规则对话框，填写好设定后点击“提交”就能够新建一个消费规则。'
          ],
          urls: [
            '/static/imgs/setting/squence_2.png'
          ]
        }, {
          title: '编辑规则',
          contents: [
            '在“按次消费规则”页面点击“编辑”进入编辑消费规则画面，能够修改每天、每餐消费次数和可用餐别，修改成功后点击提交',
            ''
          ],
          urls: [
            '/static/imgs/setting/squence_3.png',
            '/static/imgs/setting/squence_4.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
